/* Bracka Perla. CSS */

* { margin: 0; padding: 0; }
/* body { background: #EDEDED url('../images/bgrepeat.gif') repeat-x; }*/
SPAN.Inv { display: none; } /* Invisible */
UL#Lista { margin: 10px 0 10px 13px; }
IMG.LogoSmall { margin: 0 0 10px 0; }
TD { padding: 2px; border: 1px solid #81a68b; vertical-align: top;} 
TABLE { font: 11px Georgia, "Times New Roman", Times, serif; text-align: center; padding: 0 0 15px 0; }
TD.sire { width: 80px; }
TD.normal { width: 60px; }

#BGHolder { background: url('../images/background.jpg') no-repeat;  height: 850px; margin: 0 auto; background-position:center; }
#Container { width: 959px; margin: 0 auto; }
#Flags { float: right; padding: 7px 0 0 0; color: #FFF; font: bold 11px Arial, Helvetica, sans-serif; }
#Flags UL LI { display: inline; list-style-type: none; }
#Flags a:link, #Flags a:visited { color: #FFF; text-decoration: none; padding: 0 4px; }
#Flags a:hover { text-decoration: underline; }

#Content { padding: 166px 40px 0 40px; }
#MainNav { padding: 10px 0 0 0; }
#MainNav UL LI { display: inline; list-style-type: none; }
	#o_nama { background: url('../images/nav/o_nama.gif') no-repeat; width: 51px; height: 19px; float: left; padding: 0 20px 0 0; }
	#o_nama:hover { background: url('../images/nav/o_nama_hover.gif') no-repeat; }
	#rezervacije { background: url('../images/nav/rezervacije.gif') no-repeat; width: 77px; height: 17px; float: left; padding: 0 15px 0 0;}
	#rezervacije:hover { background: url('../images/nav/rezervacije_hover.gif') no-repeat; }
	#smjestaj { background: url('../images/nav/smjestaj.gif') no-repeat; width: 110px; height: 17px; float: left; padding: 0 15px 0 0;}
	#smjestaj:hover { background: url('../images/nav/smjestaj_hover.gif') no-repeat; }
	#siu { background: url('../images/nav/sadrzaj_i_usluge.gif') no-repeat; width: 150px; height: 18px; float: left; padding: 0 15px 0 0;}
	#siu:hover { background: url('../images/nav/sadrzaj_i_usluge_hover.gif') no-repeat; }
	#lokacija { background: url('../images/nav/lokacija.gif') no-repeat; width: 59px; height: 18px; float: left; padding: 0 15px 0 0;}
	#lokacija:hover { background: url('../images/nav/lokacija_hover.gif') no-repeat; }
	#fotogalerija { background: url('../images/nav/fotogalerija.gif') no-repeat; width: 81px; height: 19px; float: left; padding: 0 25px 0 0;}
	#fotogalerija:hover { background: url('../images/nav/fotogalerija_hover.gif') no-repeat; }
	#cijene { background: url('../images/nav/cijene.gif') no-repeat; width: 40px; height: 17px; float: left; padding: 0 15px 0 0;}
	#cijene:hover { background: url('../images/nav/cijene_hover.gif') no-repeat; }
	#o_otoku { background: url('../images/nav/o_otoku.gif') no-repeat; width: 130px; height: 17px; float: left; padding: 0 0px 0 0;}
	#o_otoku:hover { background: url('../images/nav/o_otoku_hover.gif') no-repeat; }
	
#MainContent { clear: both; padding: expression("13px 0 0 0"); padding: 15px 0 0 0;}
	#Left { width: 446px; padding: 0 22px 0 0; float: left; }
		H2.o_nama { background: url('../images/h2/o_nama.gif') no-repeat; width: 196px; height: 41px; padding: 0 0 15px 0; }
		H2.siu { background: url('../images/h2/siu.gif') no-repeat; width: 418px; height: 66px;  }
		H2.rezervacije { background: url('../images/h2/rezervacije.gif') no-repeat; width: 296px; height: 61px; }
		H2.lokacija { background: url('../images/h2/lokacija.gif') no-repeat; width: 225px; height: 67px; }
		H2.cijene { background: url('../images/h2/cijene.gif') no-repeat; width: 153px; height: 67px; }
		H2.o_otoku { background: url('../images/h2/o_otoku.gif') no-repeat; width: 206px; height: 67px; }
		H2.fotogalerija { background: url('../images/h2/fotogalerija.gif') no-repeat; width: 314px; height: 67px; }
		/* smjestaj - apartmani */
		H2.smjestaj { background: url('../images/h2/smjestaj.gif') no-repeat; width: 224px; height: 61px; }
		H2.mandarina { background: url('../images/h2/mandarina.gif') no-repeat; width: 452; height: 66px; }
		H2.limun { background: url('../images/h2/limun.gif') no-repeat; width: 361px; height: 61px; }
		H2.maslina { background: url('../images/h2/maslina.gif') no-repeat; width: 391px; height: 65px; }
		H2.sipak { background: url('../images/h2/sipak.gif') no-repeat; width: 347px; height: 73px; }
		H2.agava { background: url('../images/h2/agava.gif') no-repeat; width: 347px; height: 73px; }
		H2.loza { background: url('../images/h2/loza.gif') no-repeat; width: 326px; height: 73px; }
		H2.lavanda { background: url('../images/h2/lavanda.gif') no-repeat; width: 330px; height: 73px; }
		H2.ruzmarin { background: url('../images/h2/ruzmarin.gif') no-repeat; width: 421px; height: 73px; }
		H2.smokva { background: url('../images/h2/smokva.gif') no-repeat; width: 380px; height: 73px; }
		H2.cempres { background: url('../images/h2/cempres.gif') no-repeat; width: 278px; height: 73px; }
		H2.palma { background: url('../images/h2/palma.gif') no-repeat; width: 238px; height: 73px; }
		H2.kontakt { background: url('../images/h2/kontakt.gif') no-repeat; width: 218px; height: 61px; }
		H2.pravne_napomene { background: url('../images/h2/pravne_napomene.gif') no-repeat; width: 456px; height: 61px; }
		H2.privatnost_i_zastita { background: url('../images/h2/privatnost_i_zastita.gif') no-repeat; width: 446px; height: 61px; }
		H2.u_p_i_k_u { background: url('../images/h2/u_p_i_k_u.gif') no-repeat; width: 446px; height: 65px; }
		
		#TextArea { background: #EAF1EA; padding: 20px; overflow: auto;  font: 11px Georgia, "Times New Roman", Times, serif; color: #107730; scrollbar-arrow-color: #26B262; scrollbar-3dlight-color: #DDD; scrollbar-base-color: #E9F5E7; scrollbar-darkshadow-color: #fff; scrollbar-face-color: #DAF1D7; scrollbar-shadow-color: #26B262; scrollbar-track-color: #E8F4E5;}
		#TextArea a:link, #TextArea a:visited { color: #0c5e9f; }
			#Mandarina #TextArea { background: #F7F3ED; color: #976830; padding: 125px 60px; height: 82px; overflow: hidden; line-height: 2;}
			#Limun #TextArea { background: #F5F3DD; color: #827D01; padding: 125px 60px; height: 82px; overflow: hidden; line-height: 2;}
			#Maslina #TextArea { background: #F3F2E1; color: #6C670D; padding: 125px 60px; height: 82px; overflow: hidden; line-height: 2;}
			#Sipak #TextArea { background: #F8E8E8; color: #D25455; padding: 125px 60px; height: 75px; overflow: hidden; line-height: 2;}
			#Agava #TextArea { background: #ECF0F1; color: #4D7281; padding: 125px 60px; height: 82px; overflow: hidden; line-height: 2;}
			#Loza #TextArea { background: #EEF0F5; color: #6C7EA2; padding: 125px 60px; height: 82px; overflow: hidden; line-height: 2;}
			#Lavanda #TextArea { background: #F0EDF3; color: #60527B; padding: 125px 60px; height: 82px; overflow: hidden; line-height: 2;}
			#Ruzmarin #TextArea { background: #F0F2E5; color: #708331; padding: 125px 60px; height: 82px; overflow: hidden; line-height: 2;}
			#Smokva #TextArea { background: #F5F1E6; color: #756830; padding: 125px 60px; height: 82px; overflow: hidden; line-height: 2;}
			#Cempres #TextArea { background: #EAF4F0; color: #427C6B; padding: 125px 60px; height: 82px; overflow: hidden; line-height: 2;}
			#Palma #TextArea { background: #DFECE0; color: #045913; padding: 125px 60px; height: 82px; overflow: hidden; line-height: 2;}
			#Rezervacije #TextArea { width: 500px; background: #EAF1EA; padding: 20px; overflow: auto; height: 297px; }
			
		#TextArea P { margin: 0 0 15px 0; }
		#TextArea H3 { font: bold 11px Georgia, "Times New Roman", Times, serif; color: #256437; margin: 8px 0; }
		#TextArea SPAN.upper { text-transform: uppercase; float: left; margin: -4px 6px 0 0; font: 34px Georgia, "Times New Roman", Times, serif;}
	#Right { width: 401px; float: left; height: 403px; }
		#PicBG { background: url('../images/rightbgmain.gif') no-repeat; width: 363px; height: 371px; padding: 19px;}

#Footer { clear: both; background: url('../images/perla.gif') left no-repeat; color: #107730; font: 10px Verdana, Arial, Helvetica, sans-serif; height: 31px; padding: 15px 0 0 47px; margin: -4px 0 0 11px;}
	#Footer UL LI { display: inline; list-style-type: none; }
	#Footer a:link, #Footer a:visited { padding: 0 8px;  color: #107730; text-decoration: none; }
	#Footer a:hover { text-decoration: underline; }
	#Footer P { margin: 5px 0 0 0; }
		.NETMedia { padding: 25px 0 0 0; float: left; margin: 0 0 0 10px; color: #107730; font: 10px Verdana, Arial, Helvetica, sans-serif;}
		.NETMedia a:link, .NETMedia a:visited { color: #107730; text-decoration: none; }
		.NETMedia a:hover { text-decoration: underline; }

/* rezervacija */
fieldset.Holder {  width:386px; font: 11px Georgia, "Times New Roman", Times, serif;  border: 0;  color: #256437;}
.text { width: 263px; border:1px solid #A0BAA8; padding:3px; margin: 0 0 5px 0; }
.text:hover { border: 1px solid #5E7164;} /* works only in firefox */ 
label { float: left; text-align: left; padding: 4px 8px 0 0; width: 90px; }
.button {   background: url('../images/rezerviraj.gif') no-repeat; width: 222px; height: 34px; color: #FFF; cursor: pointer; border: 0; font: bold 11px Georgia, "Times New Roman", Times, serif;  }
textarea.text { width: 370px; height: 80px; }

/* lista apartmana */
#Right UL { margin: 60px 0 0 0; }
#Right UL LI { display: block; list-style-type: none; margin: 0 0 6px 0; padding: 0 0 0 6px; width: 331px;}
	#Right a:link, #Right a:visited { font: 11px Georgia, "Times New Roman", Times, serif; color: #000; text-decoration: none; }
	#Right LI.link1 {  background: #A3BCAA; border: 1px solid #9EB9A6; } 
		SPAN.WhiteBold { color: #FFF; font: bold 11px Georgia, "Times New Roman", Times, serif; }
	#Right LI.link2 { background: #F1E918; border: 1px solid #E0D814; }
	#Right LI.link3 { background: #BEB51A; border: 1px solid #B3AB21; }
	#Right LI.link4 { background: #FC8C00; border: 1px solid #F18D0F; }
	#Right LI.link5 { background: #FC7071; border: 1px solid #EE4950; }
	#Right LI.link6 { background: #A1D5EA; border: 1px solid #89BED3; }
	#Right LI.link7 { background: #9CB6E9; border: 1px solid #869DC9; }
	#Right LI.link8 { background: #B69FE3; border: 1px solid #AF91AF; }
	#Right LI.link9 { background: #C0DC61; border: 1px solid #AEC75B; }
	#Right LI.link10 { background: #D9C157; border: 1px solid #C9B354; }
	#Right LI.link11 { background: #6EDABA; border: 1px solid #61BFA3; }
	#Right LI.link12 { background: #01A31D; border: 1px solid #0E8021; }

/* fotogalerija */
#myGallery { width: 383px; height: 295px; border: 0; margin: 0 auto; border: 3px solid #B9D6B4;}
#Fotogalerija #Column { width: 876px; padding: 0 22px 0 0; float: left; }
#Fotogalerija #TextArea { background: #DFECE0; color: #045913;  height: 297px; overflow: hidden; line-height: 2;}