*{padding:0; margin:0;}

body {font-size:62.5%; 
background: url(images/background.jpg) center top repeat-x #04456e;
font-family: Georgia, "Times New Roman", Times, serif;}


/*--------------------------------------------------------*/
#container{width: 718px;
margin: 0 auto;}

#header{background:url(images/header.jpg) no-repeat;
background-color: white;
height: 312px;}

#flash{position:relative;
top:59px;
left:8px;}

#nav{padding: 4px 8px 0 8px;
background-color: white;}

#content{background-color: white;
padding: 0 37px 1px 30px;}

#footer{height: 64px;
margin-bottom: 40px;
padding-top:10px;
font-size:1em;
background:url(images/dno.gif) no-repeat;
color:#5f5f5f;
text-align: center;}

#tekst{width:450px; float:left;}

#apartmani{width:450px; float:left; margin-bottom:20px;}

#okvir{width:auto; margin-left:26px; margin-bottom:15px;}

#tablica{width:auto; margin-left:5px; margin-bottom:30px;}

#slike{width:175px; float:right;}

#sredina{width:auto; text-align: center; margin-bottom: 30px;}

#clearing{clear:both;}

#tekst_kontakt{width:275px; float:left;}

#slike_kontakt{width:350px; float:right;}

#slike_kontakt a img{float: right; border: 1px solid #8b8b8b; margin-bottom: 16px; padding: 5px;}

/*--------------------------------------------------------*/
p{font-size:1.2em;
margin-bottom: 1em;
line-height: 19px;
color:#5f5f5f;}

th{font-size:1.2em; background-color:#CCCCCC;
color:#5f5f5f;}

h1{text-indent: -9999px;}

h2{text-indent: -9999px; 
margin-bottom: 24px;
height:40px;
clear:both;}

h3{font-size:1.2em;
color:#5f5f5f;
margin-top: 3em;
margin-bottom: 2em;}

.tablica1{
	color: #FFFFFF;
	font-weight: bold;
	font-size:1.4em;
	margin-bottom: 0em;}

.tablica2{
	margin-bottom: 0em;}

.dobrodosli{background-image:url(images/naslov_dobrodosli.gif);
background-repeat:no-repeat;}

.plaza{background-image:url(images/naslov_plaza.gif);
background-repeat:no-repeat;}

.trogir{
background-image:url(images/naslov_trogir.gif);
background-repeat:no-repeat}

.apartmani{
background-image:url(images/naslov_apartmani.gif);
background-repeat:no-repeat}

.lokacija{
background-image:url(images/naslov_lokacija.gif);
background-repeat:no-repeat}

.kontakt{
background-image:url(images/naslov_kontakt.gif);
background-repeat:no-repeat}

.galerija{
background-image:url(images/naslov_galerija.gif);
background-repeat:no-repeat}

.galerija2{
background-image:url(images/naslov_galerija2.gif);
background-repeat:no-repeat}

.cjenik{
background-image:url(images/naslov_cjenik.gif);
background-repeat:no-repeat}

.apartman1a{
background-image:url(images/naslov_apartman1a.gif);
background-repeat:no-repeat}

.apartman2a{
background-image:url(images/naslov_apartman2a.gif);
background-repeat:no-repeat}

.apartman2b{
background-image:url(images/naslov_apartman2b.gif);
background-repeat:no-repeat}

.apartman3b{
background-image:url(images/naslov_apartman3b.gif);
background-repeat:no-repeat}

.komin{
background-image:url(images/naslov_komin.gif);
background-repeat:no-repeat}

.brod{
background-image:url(images/naslov_brod.gif);
background-repeat:no-repeat}


.endobrodosli{background-image:url(images/en_naslov_dobrodosli.gif);
background-repeat:no-repeat;}

.enplaza{background-image:url(images/en_naslov_plaza.gif);
background-repeat:no-repeat;}

.enapartmani{
background-image:url(images/en_naslov_apartmani.gif);
background-repeat:no-repeat}

.enlokacija{
background-image:url(images/en_naslov_lokacija.gif);
background-repeat:no-repeat}

.enkontakt{
background-image:url(images/en_naslov_kontakt.gif);
background-repeat:no-repeat}

.engalerija{
background-image:url(images/en_naslov_galerija.gif);
background-repeat:no-repeat}

.engalerija2{
background-image:url(images/en_naslov_galerija2.gif);
background-repeat:no-repeat}

.encjenik{
background-image:url(images/en_naslov_cjenik.gif);
background-repeat:no-repeat}

.enapartman1a{
background-image:url(images/en_naslov_apartman1a.gif);
background-repeat:no-repeat}

.enapartman2a{
background-image:url(images/en_naslov_apartman2a.gif);
background-repeat:no-repeat}

.enapartman2b{
background-image:url(images/en_naslov_apartman2b.gif);
background-repeat:no-repeat}

.enapartman3b{
background-image:url(images/en_naslov_apartman3b.gif);
background-repeat:no-repeat}

.enkomin{
background-image:url(images/en_naslov_komin.gif);
background-repeat:no-repeat}

.enbrod{
background-image:url(images/en_naslov_brod.gif);
background-repeat:no-repeat}

.enbrodizlet{
background-image:url(images/en_naslov_excursions.jpg);
background-repeat:no-repeat}


.dedobrodosli{background-image:url(images/de_naslov_dobrodosli.gif);
background-repeat:no-repeat;}

.deplaza{background-image:url(images/de_naslov_plaza.gif);
background-repeat:no-repeat;}

.deapartmani{
background-image:url(images/de_naslov_apartmani.gif);
background-repeat:no-repeat}

.delokacija{
background-image:url(images/de_naslov_lokacija.gif);
background-repeat:no-repeat}

.dekontakt{
background-image:url(images/de_naslov_kontakt.gif);
background-repeat:no-repeat}

.degalerija{
background-image:url(images/en_naslov_galerija.gif);
background-repeat:no-repeat}

.degalerija2{
background-image:url(images/de_naslov_galerija2.gif);
background-repeat:no-repeat}

.decjenik{
background-image:url(images/de_naslov_cjenik.gif);
background-repeat:no-repeat}

.deapartman1a{
background-image:url(images/de_naslov_apartman1a.gif);
background-repeat:no-repeat}

.deapartman2a{
background-image:url(images/de_naslov_apartman2a.gif);
background-repeat:no-repeat}

.deapartman2b{
background-image:url(images/de_naslov_apartman2b.gif);
background-repeat:no-repeat}

.deapartman3b{
background-image:url(images/de_naslov_apartman3b.gif);
background-repeat:no-repeat}

.dekomin{
background-image:url(images/en_naslov_komin.gif);
background-repeat:no-repeat}

.debrod{
background-image:url(images/en_naslov_brod.gif);
background-repeat:no-repeat}


ul, ol, li{margin: 0; list-style-type: disc;}



#tekst li {font-size:1.2em; padding:8px 25px 8px 0;  float:left; list-style: none;}

.lista1	{font-size:1.2em; line-height: 25px; color:#5f5f5f; padding-left:15px;}

#apartmani a img{border: 1px solid #8b8b8b; margin: 16px 16px 0 0; padding: 5px;}

#okvir img{border: 1px solid #8b8b8b; margin: 10px 0 10px 0; padding: 5px;}

#okvir a img{border: 1px solid #8b8b8b; margin: 12px; padding: 5px;}

#slike a img{border: 1px solid #8b8b8b; margin-bottom: 16px; padding: 5px;}

#tekst a img{border: 1px solid #8b8b8b; padding: 5px;}

a:link, a:visited{color: #5f5f5f;
text-decoration: underline;
outline: none;}

a:visited{color: #5f5f5f;
text-decoration: underline;
outline: none;}

a:hover{text-decoration: none;
color: #5f5f5f;}

a.hidden:link {
text-decoration:none;
color: #f9f9f9;
}

a.hidden:visited {
color: #f9f9f9;
}

a.hidden:hover {
color: #f9f9f9;
}


/*--------------------------------------------------------*/
#navcontainer ul li{list-style-type: none;
display: block;
float: left;
background: url(images/izbornik.gif) repeat-x;
font-family: "Palatino Linotype", Georgia, serif;
font-size:18px;
text-align: center;
overflow:hidden;}

#navcontainer a{height: 34px;
padding-top: 5px;
text-decoration: none;
display: block;
width: 117px;
color: white;}


#navcontainer a:hover{background: url(images/izbornik_over.gif) repeat-x;}
#navcontainer li#active{background: url(images/izbornik_over.gif) repeat-x;}

/*--------------------------------------------------------*/

#navcontainer2 ul li{list-style-type: none;
display: block;
float: left;
background: url(images/izbornik.gif) repeat-x;
font-family: "Palatino Linotype", Georgia, serif;
font-size:14px;
font-weight: bold;
text-align: center;
overflow:hidden;}

#navcontainer2 a{height: 34px;
padding-top: 7px;
text-decoration: none;
display: block;
width: 117px;
color: white;}


#navcontainer2 a:hover{background: url(images/izbornik_over.gif) repeat-x;}
#navcontainer2 li#active{background: url(images/izbornik_over.gif) repeat-x;}

/*--------------------------------------------------------*/

#hrv {float: right;
text-indent:-9999px;
text-decoration:none;
display:block;
width:40px;
height:20px;
background: url(images/zastavica_hrv.gif) no-repeat;}

#hrv:hover { background-position: right; }

#eng {float: right;
margin-left:10px;
margin-bottom: 30px;
text-indent:-9999px;
text-decoration:none;
display:block;
width:40px;
height:20px;
background: url(images/zastavica_eng.gif) no-repeat;}

#eng:hover { background-position: right; }

#nje {float: right;
margin-left:10px;
margin-bottom: 30px;
text-indent:-9999px;
text-decoration:none;
display:block;
width:40px;
height:20px;
background: url(images/zastavica_nje.gif) no-repeat;}

#nje:hover { background-position: right; }
/*--------------------------------------------------------*/

#jahta {float:right;
margin-left:10px;
margin-bottom: 27px;
text-decoration:none;
width:180px;
height:23px;
}

#guestbook {float: right;
margin-left:10px;
margin-bottom: 30px;
text-indent:-9999px;
text-decoration:none;
display:block;
width:120px;
height:20px;
background: url(images/guestbook.gif) no-repeat;}

/*
#jahta {float: right;
margin-right:10px;
margin-bottom: 30px;
text-indent:-9999px;
text-decoration:none;
display:block;
width:48px;
height:20px;
background: url(images/jahta_hr.gif) no-repeat;}

#jahta:hover { background-position: right; }

#jahta_nje {float: right;
margin-right:10px;
margin-bottom: 30px;
text-indent:-9999px;
text-decoration:none;
display:block;
width:48px;
height:20px;
background: url(images/jahta_nje.gif) no-repeat;}

#jahta_nje:hover { background-position: right; }
*/